<template>
    <div>
        <div class="person-center-content">
            <div class="person-center-item">
                <div class="person-center-hd">
                    <span class="person-center-title">个人资料</span>
                </div>
                <div class="person-detail-bd">
                    <div class="form-section">
                        <label class="input-label" for="">当前头像:</label>
                        <el-upload class="form-Img" action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card">
                            <i class="el-icon-plus"></i>
                        </el-upload>
                        <el-dialog v-model="dialogVisible" size="tiny">
                            <img width="100%" :src="dialogImageUrl" alt="">
                        </el-dialog>
                    </div>
                    
                    <div class="form-section">
                        <label class="input-label" for="">用户ID:</label>
                        <span class="input-span">888888</span>
                    </div>
                    <div class="form-section">
                        <i class="input-must">*</i>
                        <label class="input-label" for="">用户姓名:</label>
                        <input class="input-text" type="text" placeholder="请输入真实姓名">
                    </div>
                    <div class="form-section clear">
                        <i class="input-must">*</i>
                        <label class="input-label" for="">身份证号码:</label>
                        <input class="input-text" type="text" placeholder="请输入身份证号码">
                    </div>
                    <div class="form-section">
                        <label class="input-label" for="">手机号码:</label>
                        <span class="input-span">13888888888</span>
                    </div>
                    <div class="btn-group">
                        <a href="" class="input-btn">保存</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
        }
    },

    methods: {
    },

    components: {
    }
}
</script>

<style>
/* 上传图片 */

.el-upload--picture-card {
    width: 100px;
    height: 100px;
}

.el-upload--picture-card i {
    top: -17px;
    position: relative;
}
</style>